<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        a{
            text-decoration: none
        }
        ul:hover li{
            text-decoration: overline
        }
        i{
            text-decoration: line-through
        }
    </style>
</head>
<body>
    <a href="">百度</a>
    <ul>
        <li>这是你一段文本，鼠标移上来会有下划</li>
        <li>这是你一段文本，鼠标移上来会有下划</li>
        <li>这是你一段文本，鼠标移上来会有下划</li>
        <li>这是你一段文本，鼠标移上来会有下划</li>
        <li>这是你一段文本，鼠标移上来会有下划</li>
    </ul>
    <del>原价:199.00</del><em>现价：299.00</em>
    <del>21312</del>
    <i>删除</i>
</body>
</html>
<!-- 
    文本修饰属性
        属性：text-decoration
        属性值：
            - none:没有修饰 清除有下划线标签 ！
            - underline:添加下划线
            - overline:添加上划线
            - line-through:添加删除线  del 标签表示删除

 -->